<template>
    <div class="download">
        <div class="title">全球首家互联网早教平台<br/>&nbsp;用最低成本为了孩子塑造光明未来
        </div>
        <div class="down_btn" @click.stop="downBtn"></div>
    </div>
</template>
<script>

export default {
    data () {
        return {

        }
    },
    methods: {
        downBtn(){
            // 判断手机跳转到下载链接
            let u = navigator.userAgent;
            let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
            let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
            if (isAndroid) {
                window.location.href = 'http://m.anzhi.com/app_04fb_com.cqh.xingkongbeibei.html';
            }else if(isiOS){
                window.location.href = 'https://itunes.apple.com/cn/app/id1362371329?mt=8';
            }
        },
    },
    mounted () {

    },
    created(){


    }
}
</script>
<style lang="less" scoped>
.download{
    position: relative;
    width: 100vw;
    height: 100vh;
    padding-top: 5.28rem;
    background: url("../../assets/img/down_bg.png") no-repeat;
    background-size: 100%;
    >.title{
        padding: 0 .3rem;
        font-family: "SimSun";
        font-size: .42rem;
        line-height: 1.5;
        font-weight: 900;
        color: #fff;
    }
    >.down_btn{
        position: absolute;
        left: 50%;
        bottom: .5rem;
        transform: translateX(-50%);
        width: 4.7rem;
        height: .8rem;
        background: url("../../assets/img/down_btn.png") no-repeat;
        background-size: 100%;
    }
}
</style>
